@charset "utf-8";
body{background:#9ed1fe;/*background:#67ace4;*/}
.head_box{margin-bottom:0;padding-bottom:10px;background:#fff;}
.sun_404{position: relative;width:400px;height:200px;left:50%;margin-left:-200px;top:50px;*left:0;*margin-left:0;}
.e404{width:100%;height: 100%;position:relative;text-align:center;overflow:hidden;}
.img_404{display: block;}
.sun_404 .sun{width:151px;height:146px;display:block;position: absolute;top: 3px;left: 125px;background:url(../images/sun.png) no-repeat; 
    -webkit-animation:change 10s infinite linear;
	-moz-animation:change 10s infinite linear;
	-o-animation:change 10s infinite linear;
	animation:change 10s infinite linear
}
@-webkit-keyframes change{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(-360deg)}
}
@-moz-keyframes change{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(-359deg)}
}
@-o-keyframes change{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(-359deg)}
}
@keyframes change{from{transform: rotate(0deg)}
to{transform: rotate(-359deg)}
}
.txt_404{font:22px/32px "微软雅黑";margin:20px 0;color: #fff;}
em {
	position: relative;
	z-index: 1; 
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

em a {
	position: relative;
	display: inline-block;
	outline: none;
	color: #404d5b;
	vertical-align: bottom;
	text-decoration: none;
	white-space: nowrap;
}

em a::before,
em a::after {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
.btn_404 a{border:#fff 2px solid;padding: 10px 19px;display:inline-block;margin-left:20px;border-radius: 10px;color:#fff;background-color:#ff9c00;z-index:-2;}
.btn_404 a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	box-sizing: content-box;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background-color: #3f8ada;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.btn_404 a:hover::before,
.btn_404 a:focus::before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.btn_404 a:hover{text-decoration: none;}
.picCon{margin-top: 10px;overflow:hidden;background:#fff;left: 0;position: absolute;bottom: 46px;width: 100%;}
.picCon ul{margin: 20px auto;width: 980px;}
.picCon li{width:143px;height: 145px;float:left;overflow: hidden;margin:0 10px;}
.picCon li img{width:143px;height:104px;display: block;}
.pic_tit{height:35px;line-height: 35px;display: block;width:100%;text-align: center;overflow: hidden;color:#333;font-size:12px;}
.picCon li a:hover{color:#067ce4;}
.animate{
	-webkit-animation:animate 20s linear infinite alternate;
	-moz-animation:animate 20s linear infinite alternate;
	-o-animation:animate 20s linear infinite alternate;
	animation:animate 20s linear infinite alternate;
}
.below, .above{position: absolute;bottom: 85px;left: 0;z-index: -1;width: 100%;}
.below{height: 173px; background: url(../images/below.png) no-repeat;
}
.above{height: 149px; background: url(../images/above.png) no-repeat -60px 0;
	animation-name: animate-above;
	-o-animation-name: animate-above;
	-moz-animation-name: animate-above;
	-webkit-animation-name: animate-above;
}
@keyframes animate{
	0%{background-position: 0 0;}
	10%{background-position: -10px 1px;}
	20%{background-position: -10px 3px;}
	30%{background-position: -20px 1px;}
	40%{background-position: -40px 2px;}
	50%{background-position: -60px 4px;}
	60%{background-position: -40px 2px;}
	70%{background-position: -20px 4px;}
	80%{background-position: -10px 3px;}
	90%{background-position: -10px 1px;}
	100%{background-position: 0 0;}
}
@-o-keyframes animate{
	0%{background-position: 0 0;}
	10%{background-position: -10px 1px;}
	20%{background-position: -10px 3px;}
	30%{background-position: -20px 1px;}
	40%{background-position: -40px 2px;}
	50%{background-position: -60px 4px;}
	60%{background-position: -40px 2px;}
	70%{background-position: -20px 4px;}
	80%{background-position: -10px 3px;}
	90%{background-position: -10px 1px;}
	100%{background-position: 0 0;}
}
@-moz-keyframes animate{
	0%{background-position: 0 0;}
	10%{background-position: -10px 1px;}
	20%{background-position: -10px 3px;}
	30%{background-position: -20px 1px;}
	40%{background-position: -40px 2px;}
	50%{background-position: -60px 4px;}
	60%{background-position: -40px 2px;}
	70%{background-position: -20px 4px;}
	80%{background-position: -10px 3px;}
	90%{background-position: -10px 1px;}
	100%{background-position: 0 0;}
}
@-webkit-keyframes animate{
	0%{background-position: 0 0;}
	10%{background-position: -10px 1px;}
	20%{background-position: -10px 3px;}
	30%{background-position: -20px 1px;}
	40%{background-position: -40px 2px;}
	50%{background-position: -60px 4px;}
	60%{background-position: -40px 2px;}
	70%{background-position: -20px 4px;}
	80%{background-position: -10px 3px;}
	90%{background-position: -10px 1px;}
	100%{background-position: 0 0;}
}
@keyframes animate-above{
	0%{background-position: -60px 0;}
	10%{background-position: -50px 8px;}
	20%{background-position: -35px 10px;}
	30%{background-position: -20px 10px;}
	40%{background-position: -30px 16px;}
	50%{background-position: -10px 20px;}
	60%{background-position: -20px 20px;}
	70%{background-position: -30px 12px;}
	80%{background-position: -40px 10px;}
	90%{background-position: -50px 10px;}
	100%{background-position: -60px 0;}
}
@-o-keyframes animate-above{
	0%{background-position: -60px 0;}
	10%{background-position: -50px 8px;}
	20%{background-position: -35px 10px;}
	30%{background-position: -20px 10px;}
	40%{background-position: -30px 16px;}
	50%{background-position: -10px 20px;}
	60%{background-position: -20px 20px;}
	70%{background-position: -30px 12px;}
	80%{background-position: -40px 10px;}
	90%{background-position: -50px 10px;}
	100%{background-position: -60px 0;}
}
@-moz-keyframes animate-above{
	0%{background-position: -60px 0;}
	10%{background-position: -50px 8px;}
	20%{background-position: -35px 10px;}
	30%{background-position: -20px 10px;}
	40%{background-position: -30px 16px;}
	50%{background-position: -10px 20px;}
	60%{background-position: -20px 20px;}
	70%{background-position: -30px 12px;}
	80%{background-position: -40px 10px;}
	90%{background-position: -50px 10px;}
	100%{background-position: -60px 0;}
}
@-webkit-keyframes animate-above{
	0%{background-position: -60px 0;}
	10%{background-position: -50px 8px;}
	20%{background-position: -35px 10px;}
	30%{background-position: -20px 10px;}
	40%{background-position: -30px 16px;}
	50%{background-position: -10px 20px;}
	60%{background-position: -20px 20px;}
	70%{background-position: -30px 12px;}
	80%{background-position: -40px 10px;}
	90%{background-position: -50px 10px;}
	100%{background-position: -60px 0;}
}
.footer{position: fixed;bottom:0;}